<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/index.css">
    <title>HTML5 +CSS3作业</title>
</head>
<body>
    <div class="main bc">
        <div class="main_css bc">
            
            <div class="main-content mt100">
                <ul>
                    <li class="main-c" id="mian-c">
                        <a href="#" >C</a>
                    </li>
                    <li class="main-s1">
                        <a href="#" id="main-s1">S</a>
                    </li>
                    <li class="main-s2 fr">
                        <a href="#" id="main-s2">S</a>
                    </li>
            
                   
                        
                </ul>
            
                
            
            </div>

            <div class="tip main_tip1 w150 h50 pa tc">
                这道题目主要采用
                <br />的是html5 css
            </div>
            <div class="tip main_tip2 w150 h50 pa tc">
                还有鼠标悬浮的
                <br />hover事件
            </div>

        </div>

        
               
    </div>

    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="../js/index.js"></script>
</body>
</html>